<template>
  <div>
    <h1>图表组件--折线图--首页：数据走势</h1>
    <v-chart theme="technology" :options="options" :auto-resize="true"/>
  </div>
</template>

<script>
export default {
  name: "ChartLine",
  data() {
    return {
      options: {}
    };
  },
  mounted() {
    this.options = {
      xAxis: {
        type: "category",
        data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
      },
      yAxis: {
        type: "value"
      },
      series: [
        {
          data: [820, 932, 901, 934, 1290, 1330, 1320],
          type: "line",
          smooth: true
        }
      ]
    };
  }
};
</script>